<template>
  <BaseDialog title="回复内容" :handleCancel="handleCancel" :dialogVisible="props.dialogVisible" width="1000px">
    <div style="margin-left:20px" >
      预警消息内容：{{ props.item.recordContent }}
    </div>
    <BaseTable ref="baseTable" :data="props.item.managerReplayJsonDtoList" max-height="500px" :page="false">



      <el-table-column prop="managerName" label="网格经理姓名" width="110px">


      </el-table-column>
      <el-table-column prop="virtualNumber" label="虚拟号码" width="130px" />
      <el-table-column prop="replayTime" label="回复时间" width="170px" />
      <el-table-column prop="replayContent" label="回复内容" show-overflow-tooltip />

    </BaseTable>
  </BaseDialog>
</template>
  
<script setup lang="ts">
import { reportStatisticsService } from '@/api/reportStatistics'

const props = defineProps({
  dialogVisible: {
    type: Boolean,
  },
  item: {
    type: Object,
  },

  type: {
    type: String,
  },
})

const loading = ref(false)
const tableData = ref([])
const getTableData = () => {
  loading.value = true
  reportStatisticsService
    .opinionKeyRecordGetByIdStr({
      data: props.item.idStr,
    })
    .then((res) => {
      loading.value = false
      tableData.value = res.data
    })
}

const emit = defineEmits(['update:dialogVisible'])
const handleCancel = () => {
  emit('update:dialogVisible', false)
}
onMounted(() => {
  //getTableData()
})
</script>
  
<style lang="scss" scoped>
.detail {
  :deep(.el-form-item__label:before) {
    content: ' ' !important;
  }
}
</style>
  